/* 容器 <div> - 需要定位下拉内容 */
.dropdown 
{
    position:relative;
    display: inline-block;
}
.dropbtn 
{
    display: inline-block;
    color: white;
    text-align: center;
    text-decoration: none;
}
/* 下拉内容 (默认隐藏) */
.dropdown-content 
{
    display: none;
    position:relative;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
/* 下拉菜单的链接 */
.dropdown-content a 
{
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
/* 鼠标移上去后修改下拉菜单链接颜色 */
.dropdown-content a:hover {background-color: #1dc825}
/* 在鼠标移上去后显示下拉菜单 */
.dropdown:hover .dropdown-content {display: block;}
/* 在鼠标移上去后显示下拉菜单 */
.dropdown:hover .dropdown-body {background-color:1dc8bf;}
/* 当下拉内容显示后修改下拉按钮的背景颜色 */
.dropdown:hover{background-color:1dc8bf;}